pdf.js+turn.js实现Web翻页阅读pdf文件（工作记录）

#pdf.js+turn.js实现Web翻页阅读pdf文件（工作记录）| 来源: 网络整理| 查看: 265

需求实现：

接到客户需求，需要将网站展示的杂志（pdf格式）实现翻页效果并且不能被下载（浏览器直接打开方式直接宣布gg），所以就选择了使用pdf.js+turn.js+流处理方式实现。

所需资源（资源均可通过度娘获取），也可-->点击获取：

jquery.min.1.7.js

pdf.js

pdf.worker.js

modernizr.2.5.3.min.js

turn.js

1、pdf文件为本地

如果pdf文件存储在本地，则直接使用下面页面代码即可：

turn.js和pdf效果 var flipbook=$("#flipbook"); //定义一些参数 var pagestr = 1,bid= 1, scale = 1.1; window.onload=function(){ /* 此处传递pdf路径（注：只支持本地文件，如文件为服务器，尤其是前后端分离项目，此处直接填路径可能会报跨域问题*/ getpdf("pdf/6666.pdf"); } //获取pdf function getpdf(url){ var loadingTask=PDFJS.getDocument(url);//获取pdf的文件信息 loadingTask.promise.then(function(pdf){ //根据总页数添加固定的div和canvas for (let i = 1; i

【本文地址】

公司简介

联系我们